<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<html>
<head>
    <title>注册</title>
</head>
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/zhuce.css">

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/message2.css">

</head>

<body>
<input type="hidden" id="flag" value="${flag}">
<div class="main">
    <div class="main0">
        <div class="main_left">
            <img src="${pageContext.request.contextPath}/static/images/zhuce-image-3.png" class="theimg"/>
            <img src="${pageContext.request.contextPath}/static/images/zhuce-image-2.png" class="secimg"/>
            <img src="${pageContext.request.contextPath}/static/images/zhuce-image-1.png" class="firimg"/>
            </div>
        <div class="main_right">
            <div class="main_r_up">
                <img src="${pageContext.request.contextPath}/static/images/user.png"/>
                <div class="pp">注册</div>
            </div>
            <div class="sub"><p>已经注册？<a href="login.jsp"><span class="blue">请登录</span></a></p></div>
           <form action="${pageContext.request.contextPath}/user/" method="post">
               <input type="hidden" value="${mobilePhoneNumber}" name="telephone">
               <input type="hidden" value="${gender}" name="gender">
               <input type="hidden" value="${mailbox}" name="account">
               <input type="hidden" value="${birthday}" name="birthday">
            <div class="txt txt0">
                <span style="float:left">邮箱验证码:</span>
                <input name="eMailVerificationCode" type="text" placeholder="邮箱验证码" class="txtyzmdx"/>
                <a href="javascript:;" class="tipTimer" onClick="settime(this)">获取到邮箱验证码</a>
            </div>
            <div class="txt txt0">
                <span style="letter-spacing:8px;">用户名:</span>
                <input name="username" type="text" class="txtphone" placeholder="请输入用户名"/>
            </div>
            <div class="txt txt0">
                <span style="letter-spacing:4px;">登录密码:</span>
                <input name="password" type="text" class="txtphone" placeholder="请输入密码"/>
            </div>
            <div class="txt txt0">
                <a href="${pageContext.request.contextPath}/register.jsp"><span style=" float:left;color:#31acfb">返回上一步</span></a>
               <input type="submit" class="zhucebtn" value="确认注册"/></div>
           </form>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/zhuce.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/message.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var height = $(document).height();
        $('.main').css('height', height);
    })

    $(function (){
        var flag=$("#flag").val();
        if (flag=="null"){
            $.message({
                message: "验证码不能为空",
                type: "error",
                time:'4000',
                showClose:true
            });
        }else if (flag=="incorrectness"){
            $.message({
                message: "验证码错误",
                type: "error",
                time:'4000',
                showClose:true
            });
        }else if (flag=="error"){
            $.message({
                message: "注册失败",
                type: "error",
                time:'4000',
                showClose:true
            });
        }else if (flag=="verification"){
            $.message({
                message: "验证码已发送",
                type: "success",
                time:'4000',
                showClose:true
            });
        }
    });
</script>
</html>
